import echarts from '@/echarts'

import { reasons } from '../../constant'

let data = reasons.map((item: any) => {
    return {
        value: item.peopleCount,
        name: item.povertyName
    }
})
let colorA = [
    '#F26C4F',
    '#F94FFF',
    '#F5335C',
    '#FFD200',
    '#00E1EF',
    '#c065e7',
    '#765deb',
    '#3862d8',
    '#6a89E2',
    '#219CF9',
    '#6efbbf',
    '#40c057',
    '#ffd351',
    '#ff8e43',
    '#f56b6d'
]
export let option = {
    title: {
        text: '贫困原因组成',
        x: 'center',
        top: '5%',
        textStyle: {
            color: '#ffffff',
            align: 'center',
            fontSize: 20
        }
    },
    // legend: {
    //     orient: 'vertical',
    //     icon: 'circle',
    //     right: '6%',
    //     top: '5%',
    //     itemWidth: 14,
    //     itemHeight: 10,
    //     itemGap: 20,
    //     align: 'left',
    //     textStyle: {
    //         rich: {
    //             name: {
    //                 // width: '45%',
    //                 fontSize: 14,
    //                 color: '#fff'
    //             },
    //             value: {
    //                 fontSize: 16,
    //                 padding: [0, 5, 0, 15],
    //                 color: '#00E1EF'
    //             }
    //         }
    //     },
    //     formatter: function (name) {
    //         let res = myData1.filter((v) => v.name === name)
    //         res = res[0] || {}
    //         const p = res.value
    //         return '{name|' + name + '：}' + '{value|' + p + '人}'
    //         // return "{name|" + name + "}";
    //     }
    // },
    tooltip: {
        show: false,
        confine: true,
        trigger: 'item',
        formatter: '{b} : {c}'
    },
    series: [
        {
            avoidLabelOverlap: false,
            type: 'pie',
            roseType: 'area', // 玫瑰图
            radius: ['30%', '40%'],
            color: colorA,
            itemStyle: {
                normal: {
                    borderColor: '#050F20',
                    borderWidth: 3
                }
            },
            label: {
                normal: {
                    //   formatter: '{b}\n{d}%\t{c}',
                    formatter: '{b|{b}}\n{d|{d}%}',
                    rich: {
                        icon: {
                            fontSize: 14
                        },
                        d: {
                            fontSize: 14,
                            padding: [5, 0, 0, 0],
                            color: '#fff'
                        },
                        b: {
                            fontSize: 14,
                            padding: [0, 0, 5, 0],
                            color: '#fff'
                        }
                    }
                }
            },
            labelLine: {
                normal: {
                    length: 10,
                    length2: 25
                }
            },
            data: data
        }
    ]
}

export default echarts
